diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-09-08 09:12:25 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-09-08 09:12:25 +0200 |
| commit | 7d85a18867ca0fe2310218c63cfc696c0f916171 (patch) | |
| tree | 184510b861bcda9e105322b79395dd3af512f580 /src/routes/projects/[projectId]/routine/[routineId]/+page.svelte | |
| parent | 4b2b964283075712de98743720ff3e31370ddc8e (diff) | |
Consolidate duplicated page CSS into app.css, share TestDb type
- Move .page-header/.back-link/.input-invalid/.save-status/.btn-done
(plus hover/variant rules) into app.css as shared route scaffolding;
delete per-page scoped copies
- Unify drifted values: page-header padding 1rem -> 1.25rem (routine
page), empty-state spacing 0.75/1.5rem -> 1/2rem (grocery detail),
save-status margin -0.25rem applied on both pages, back-link margin
1.5rem -> 1rem (grocery detail); routine page's large Fait button is
kept via a .btn-done-lg modifier
- Export TestDb from test-helper and use it in the five db/service
test files to shrink duplicated fixture scaffolding
Diffstat (limited to 'src/routes/projects/[projectId]/routine/[routineId]/+page.svelte')
| -rw-r--r-- | src/routes/projects/[projectId]/routine/[routineId]/+page.svelte | 57 |
1 files changed, 2 insertions, 55 deletions
diff --git a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte index 19713ae..bcdca79 100644 --- a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte +++ b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte @@ -221,7 +221,7 @@ placeholder="Note (optionnel)" autocomplete="off" /> - <button class="btn-done" type="submit">Fait</button> + <button class="btn-done btn-done-lg" type="submit">Fait</button> </form> {/if} @@ -244,29 +244,6 @@ </main> <style> - .back-link { - display: inline-flex; - align-items: center; - gap: 0.375rem; - margin-top: 1rem; - color: var(--text-secondary); - text-decoration: none; - font-size: 0.875rem; - font-weight: 500; - transition: color 0.2s; - } - - .back-link:hover { - color: var(--accent); - } - - .page-header { - display: flex; - align-items: center; - justify-content: space-between; - padding: 1rem 0; - } - .page-header h1 { overflow-wrap: anywhere; } @@ -275,31 +252,12 @@ max-width: 8rem; } - .input-invalid { - border-color: var(--danger); - } - .desc { width: 100%; resize: vertical; font-family: inherit; } - .save-status { - font-size: 0.875rem; - color: var(--success); - font-weight: 500; - visibility: hidden; - opacity: 0; - transition: opacity 0.2s ease; - min-height: 1.25rem; - } - - .save-status.visible { - visibility: visible; - opacity: 1; - } - .section-title { font-size: 0.75rem; font-weight: 700; @@ -368,21 +326,10 @@ flex: 1; } - .btn-done { - flex-shrink: 0; + .btn-done-lg { padding: 0.75rem 1.25rem; - border: none; border-radius: 0.75rem; - background: var(--success); - color: var(--white); font-size: 0.9375rem; - font-weight: 500; - transition: all 0.2s ease; - } - - .btn-done:hover { - filter: brightness(1.05); - transform: translateY(-1px); } .completion-row { |
